import {mapActions} from 'vuex'
//将vuex中的 异步方法
//定义mixin 对象  ( 混入对象 )
var mixin = {
    //多个组件需要公用的 响应式数据
    data(){
        return {
           list:[]
        }
    },
    //多个组件需要公用的 生命周期函数
    mounted(){
        // var userinfo = localStorage.getItem('userinfo') ? JSON.parse( localStorage.getItem('userinfo') ) : {}
        // if( userinfo.id ){
        //     //获取购物车 中的商品列表
        //     shopcart_list( {userid: userinfo.id } ).then((res)=>{
        //         console.log(res.data);
        //         this.list = res.data.list;
        //         //存储购物车数据  到vuex
        //         this.$store.commit('save_shopcartlist',res.data.list)
        //     })
        // }
        //调用vuex中的异步方法 (发请求 获取服务器的购物车列表)
        this.request_shopcartlist();
    },
    //多个组件需要公用的 方法
    methods:{
        ...mapActions('scl',["request_sub","request_shopcartlist","request_add"]),
        handleAdd(good){
             //调用vuex中的异步方法 (发请求 商品数量加1 最终数据储存在后端 数据库中)
         this.request_add(good);
        },
        handleSub(good){ 
            //调用vuex中的异步方法 (发请求 商品数量减1 最终数据储存在后端 数据库中)
            this.request_sub(good);
             
        }
    }
}

//导出 mixin对象
export default mixin;